<template>
  <l-header
    v-if="settingStore.showHeader"
    :show-logo="settingStore.showHeaderLogo"
    :theme="settingStore.displayMode"
    :layout="settingStore.layout"
    :is-fixed="settingStore.isHeaderFixed"
    :menu="headerMenu"
    :is-compact="settingStore.isSidebarCompact"
  />
</template>

<script setup lang="ts">
// import { storeToRefs } from 'pinia';
// import { computed } from 'vue';

import { usePermissionStore, useSettingStore } from "@/store";

import LHeader from "./Header.vue";
import { ref } from "vue";

// const permissionStore = usePermissionStore();
const settingStore = useSettingStore();
// const { routers: menuRouters } = storeToRefs(permissionStore);
/* const headerMenu = computed(() => {
  if (settingStore.layout === 'mix') {
    if (settingStore.splitMenu) {
      return menuRouters.value.map((menu) => ({
        ...menu,
        children: [],
      }));
    }
    return [];
  }
  return menuRouters.value;
}); */
const headerMenu = ref([
  {
    path: "/dashboard/base",
    meta: {
      title: "首页",
    },
    children: [],
  },
  /* {
    path: "/introduce",
    meta: {
      title: "赛事介绍",
    },
    children: [],
  }, */
  {
    path: "/news",
    meta: {
      title: "新闻公告",
    },
    children: [],
  },
  {
    path: "/aboutUs",
    meta: {
      title: "关于我们",
    },
    children: [],
  },
  /* {
    path: "/signUp",
    meta: {
      title: "比赛报名",
    },
    children: [],
  }, */
  {
    path: "/certificateQuery",
    meta: {
      title: "证书验证",
    },
    children: [],
  },
  {
    path: "/contactUs",
    meta: {
      title: "联系我们",
    },
    children: [],
  },
]);
</script>
